content changes
James Peret
7 changed files with 79 additions and 68 deletions
BIN
app/images/.DS_Store
+ 4
- 7
app/index.html
@@ -53,28 +53,25 @@ |
||
| 53 | 53 |
|
| 54 | 54 |
<div ui-view class="content" id="content"></div> |
| 55 | 55 |
|
| 56 |
- <div class="footer" ng-controller="FooterCtrl"> |
|
| 56 |
+ <div class="footer" ng-controller="FooterCtrl" style="padding-top: 25px;"> |
|
| 57 | 57 |
<div class="container"> |
| 58 | 58 |
<div class="row"> |
| 59 | 59 |
|
| 60 | 60 |
<div class="col-md-4" style="text-align: center;"> |
| 61 |
- <h4>Endereço</h4> |
|
| 62 | 61 |
<p style="text-align: center;"><i>Estrada José benedito dos Santos 4000<br>Guararema, SP - Brasil</i></p> |
| 63 | 62 |
</div> |
| 64 | 63 |
<div class="col-md-4" style="text-align: center;"> |
| 65 |
- <h4>Contato</h4> |
|
| 66 | 64 |
<p style="text-align: center;"><a href="mailto:oficina.itapeti@gmail.com">oficina.itapeti@gmail.com</a></p> |
| 67 |
- <p style="text-align: center;">(11) 5693 6161</p> |
|
| 65 |
+ <p style="text-align: center;">+55 11 4693-6161</p> |
|
| 68 | 66 |
</div> |
| 69 | 67 |
<div class="col-md-4" style="text-align: center;"> |
| 70 |
- <h4>Links</h4> |
|
| 71 | 68 |
<a href="https://www.instagram.com/oficina.itapeti/" target="_blank"><img src="images/logo-instagram.png" style="width: 50px;"></a> |
| 72 | 69 |
<a href="http://youtube.com/higheffectsBR" target="_blank"><img src="images/logo-youtube.png" style="width: 50px;"></a> |
| 73 | 70 |
<a href="http://facebook.com/oficina.itapeti" target="_blank"><img src="images/logo-facebook.png" style="width: 50px;"></a> |
| 74 | 71 |
</div> |
| 75 | 72 |
</div> |
| 76 |
- <hr style="border-top: 1px solid #636363;"> |
|
| 77 |
- <p style="text-align: center;">© Oficina Itapeti {{date | date:'yyyy'}}</p>
|
|
| 73 |
+ <hr style="border-top: 1px solid #636363; margin-top: 5px; margin-bottom: 5px;"> |
|
| 74 |
+ <p style="text-align: center; margin-bottom: 0px;">© Oficina Itapeti {{date | date:'yyyy'}}</p>
|
|
| 78 | 75 |
</div> |
| 79 | 76 |
</div> |
| 80 | 77 |
|
+ 7
- 3
app/scripts/app.js
@@ -67,6 +67,10 @@ angular |
||
| 67 | 67 |
url: '/impressao-3d', |
| 68 | 68 |
templateUrl: 'views/impressao-3d.html', |
| 69 | 69 |
controller: 'MainCtrl' |
| 70 |
+ }).state('prototipagem', {
|
|
| 71 |
+ url: '/prototipagem', |
|
| 72 |
+ templateUrl: 'views/prototipagem.html', |
|
| 73 |
+ controller: 'MainCtrl' |
|
| 70 | 74 |
}).state('corte-plasma', {
|
| 71 | 75 |
url: '/corte-plasma', |
| 72 | 76 |
templateUrl: 'views/corte-plasma.html', |
@@ -75,9 +79,9 @@ angular |
||
| 75 | 79 |
url: '/solucoes', |
| 76 | 80 |
templateUrl: 'views/solucoes.html', |
| 77 | 81 |
controller: 'MainCtrl' |
| 78 |
- }).state('desenho-tecnico', {
|
|
| 79 |
- url: '/desenho-tecnico', |
|
| 80 |
- templateUrl: 'views/desenho-tecnico.html', |
|
| 82 |
+ }).state('projetos', {
|
|
| 83 |
+ url: '/projetos', |
|
| 84 |
+ templateUrl: 'views/projetos.html', |
|
| 81 | 85 |
controller: 'MainCtrl' |
| 82 | 86 |
}).state('eletronica', {
|
| 83 | 87 |
url: '/eletronica', |
+ 1
- 1
app/views/desenho-tecnico.html
@@ -1,7 +1,7 @@ |
||
| 1 | 1 |
<div class="container last" style="margin-top: 53px;"> |
| 2 | 2 |
<div class="row"> |
| 3 | 3 |
<div class="col-md-12"> |
| 4 |
- <h1 class="page-header">Desenho Técnico</h1> |
|
| 4 |
+ <h1 class="page-header">Projetos</h1> |
|
| 5 | 5 |
<p><img src="images/solidworks.jpg" class="img-thumbnail"></p><br> |
| 6 | 6 |
<p> |
| 7 | 7 |
Desenvolvimento de projetos tecnicos utilizando o software Solidworks. Os arquivos gerados podem incluir: |
+ 18
- 0
app/views/prototipagem.html
@@ -0,0 +1,18 @@ |
||
| 1 |
+<div class="container last" style="margin-top: 53px;"> |
|
| 2 |
+ <div class="row"> |
|
| 3 |
+ <div class="col-md-12"> |
|
| 4 |
+ <h1 class="page-header">Prototipagem</h1> |
|
| 5 |
+ <p><img src="images/solucoes.jpg" class="img-thumbnail"></p><br> |
|
| 6 |
+ <p> |
|
| 7 |
+ Desenvolvimento de protótipo funcional ou mock-up realizado com o uso de diversas técnicas. |
|
| 8 |
+ </p> |
|
| 9 |
+ </div> |
|
| 10 |
+ </div> |
|
| 11 |
+ <div class="row"> |
|
| 12 |
+ <div class="col-md-12"> |
|
| 13 |
+ <p style="text-align: center; margin-top: 15px;"> |
|
| 14 |
+ <a class="btn btn-success" ui-sref="contato">Entrar em contato</a> |
|
| 15 |
+ </p> |
|
| 16 |
+ </div> |
|
| 17 |
+ </div> |
|
| 18 |
+</div> |
+ 32
- 37
app/views/servicos.html
@@ -1,65 +1,60 @@ |
||
| 1 | 1 |
<div class="container last" style="margin-top: 53px;"> |
| 2 | 2 |
<h1 class="page-header">Serviços</h1> |
| 3 | 3 |
|
| 4 |
- <h3>Projetos</h3> |
|
| 5 | 4 |
<div class="row"> |
| 6 |
- <div class="col-md-4"> |
|
| 7 |
- <div class="thumbnail"> |
|
| 5 |
+ <div class="col-md-4 col-sm-6"> |
|
| 6 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 8 | 7 |
<img src="images/thumb-solucoes.jpg" alt="..."> |
| 9 | 8 |
<div class="caption"> |
| 10 | 9 |
<h3><a ui-sref="solucoes">Soluções</a></h3> |
| 11 |
- <p>Desenvolvimento de soluções para resolver problemas especificos.</p> |
|
| 10 |
+ <p>Soluções criativas e tecnologicas para o seu problema.</p> |
|
| 12 | 11 |
</div> |
| 13 | 12 |
</div> |
| 14 | 13 |
</div> |
| 15 |
- <div class="col-md-4"> |
|
| 16 |
- <div class="thumbnail"> |
|
| 14 |
+ <div class="col-md-4 col-sm-6"> |
|
| 15 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 17 | 16 |
<img src="images/thumb-solidworks.jpg" alt="..."> |
| 18 | 17 |
<div class="caption"> |
| 19 |
- <h3><a ui-sref="desenho-tecnico">Desenho Técnico</a></h3> |
|
| 20 |
- <p>Criação de desenhos tecnicos para produção utilizando o Solidworks.</p> |
|
| 18 |
+ <h3><a ui-sref="projetos">Projetos</a></h3> |
|
| 19 |
+ <p>Desenvolvimento de projetos utilizando tecnologia CAD 3D.</p> |
|
| 21 | 20 |
</div> |
| 22 | 21 |
</div> |
| 23 | 22 |
</div> |
| 24 |
- <div class="col-md-4"> |
|
| 25 |
- <div class="thumbnail"> |
|
| 23 |
+ <div class="col-md-4 col-sm-6"> |
|
| 24 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 26 | 25 |
<img src="images/thumb-eletronica.jpg" alt="..."> |
| 27 | 26 |
<div class="caption"> |
| 28 |
- <h3><a ui-sref="eletronica">Eletrônica</a></h3> |
|
| 29 |
- <p>Circuitos com microcontroladores e microprocessadores.</p> |
|
| 27 |
+ <h3><a ui-sref="eletronica">Circuitos Eletrônicos</a></h3> |
|
| 28 |
+ <p>Criação de circuitos de baixo custo.</p> |
|
| 30 | 29 |
</div> |
| 31 | 30 |
</div> |
| 32 | 31 |
</div> |
| 33 |
- </div> |
|
| 34 |
- |
|
| 35 |
- <h3>Processos</h3> |
|
| 36 |
- <div class="row"> |
|
| 37 |
- <div class="col-md-4"> |
|
| 38 |
- <div class="thumbnail"> |
|
| 39 |
- <img src="images/thumb-laser.jpg" alt="..."> |
|
| 40 |
- <div class="caption"> |
|
| 41 |
- <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 42 |
- <p>Corte de chapas de materiais como madeira, acrilico ou tecido.</p> |
|
| 32 |
+ <div class="col-md-4 col-sm-6"> |
|
| 33 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 34 |
+ <img src="images/thumb-laser.jpg" alt="..."> |
|
| 35 |
+ <div class="caption"> |
|
| 36 |
+ <h3><a ui-sref="corte-laser">Corte Laser</a></h3> |
|
| 37 |
+ <p>Corte laser de materiais não metálicos.</p> |
|
| 38 |
+ </div> |
|
| 43 | 39 |
</div> |
| 44 | 40 |
</div> |
| 45 |
- </div> |
|
| 46 |
- <div class="col-md-4"> |
|
| 47 |
- <div class="thumbnail"> |
|
| 48 |
- <img src="images/thumb-3d-print.jpg" alt="..."> |
|
| 49 |
- <div class="caption"> |
|
| 50 |
- <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3> |
|
| 51 |
- <p>Impressão de peças em plastico ABS ou PLA com resolução de até 0.2mm.</p> |
|
| 41 |
+ <div class="col-md-4 col-sm-6"> |
|
| 42 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 43 |
+ <img src="images/thumb-3d-print.jpg" alt="..."> |
|
| 44 |
+ <div class="caption"> |
|
| 45 |
+ <h3><a ui-sref="impressao-3d">Impressão 3D</a></h3> |
|
| 46 |
+ <p>Impressão de peças em plástico ABS ou PLA.</p> |
|
| 47 |
+ </div> |
|
| 52 | 48 |
</div> |
| 53 | 49 |
</div> |
| 54 |
- </div> |
|
| 55 |
- <div class="col-md-4"> |
|
| 56 |
- <div class="thumbnail"> |
|
| 57 |
- <img src="images/thumb-plasma.jpg" alt="..."> |
|
| 58 |
- <div class="caption"> |
|
| 59 |
- <h3><a ui-sref="corte-plasma">Corte a Plasma</a></h3> |
|
| 60 |
- <p>Corte de peças de metal utilizando uma maquina de corte a plasma.</p> |
|
| 50 |
+ <div class="col-md-4 col-sm-6"> |
|
| 51 |
+ <div class="thumbnail" style="min-height: 375px;"> |
|
| 52 |
+ <img src="images/thumb-plasma.jpg" alt="..."> |
|
| 53 |
+ <div class="caption"> |
|
| 54 |
+ <h3><a ui-sref="prototipagem">Prototipagem</a></h3> |
|
| 55 |
+ <p>Protótipo funcional ou mock-up realizado com o uso de diversas técnicas.</p> |
|
| 56 |
+ </div> |
|
| 61 | 57 |
</div> |
| 62 |
- </div> |
|
| 63 | 58 |
</div> |
| 64 | 59 |
|
| 65 | 60 |
</div> |
+ 17
- 20
app/views/sobre.html
@@ -3,19 +3,16 @@ |
||
| 3 | 3 |
<div class="col-md-12" > |
| 4 | 4 |
<h1 class="page-header">Sobre a Oficina Itapeti</h1> |
| 5 | 5 |
<p><img src="images/oficina-01.jpg" class="img-thumbnail"></p><br> |
| 6 |
- <p> |
|
| 7 |
- Quando se trata de tornar sua idéia de conceito de produto à produção, ou em qualquer etapa em que se encontre, |
|
| 8 |
- nós acreditamos que há muito mais para um processo de desenvolvimento de produtos do que apenas um design visualmente atraente. |
|
| 9 |
- </p> |
|
| 10 |
- <p> |
|
| 11 |
- Trabalhamos com uma vasta gama de métodos de produção e criação, combinando design criativo e engenharia inteligente, |
|
| 12 |
- oferecendo soluções eficazes para os seus problemas complexos. Do início ao fim, atuamos em estreita colaboração com sua equipe, |
|
| 13 |
- para produzir resultados de qualidade que se encaixam dentro do orçamento do seu programa e time-line. |
|
| 14 |
- </p> |
|
| 15 |
- <p> |
|
| 16 |
- Nosso negócio é baseado na filosofia de exceder suas expectativas. |
|
| 17 |
- Consulte-nos para nos conhecer melhor e obter um atendimento para seu projeto. |
|
| 18 |
- </p> |
|
| 6 |
+ <p>Para levar seu projeto ou conceito à produção, acompanhamos qualquer etapa e desenhamos |
|
| 7 |
+ soluções inteligentes na resolução de problemas para a realização ou prototipagem.</p> |
|
| 8 |
+ <p>Acreditamos na importância do processo de desenvolvimento para obter resultados de excelência |
|
| 9 |
+ que preencham suas necessidades.</p> |
|
| 10 |
+ <p>Com uma vasta gama de métodos de produção e criação, trabalhamos combinando design criativo |
|
| 11 |
+ e engenharia inteligente, oferecendo soluções eficazes para os seus problemas complexos. |
|
| 12 |
+ Do início ao fim, atuamos em estreita colaboração com sua equipe, |
|
| 13 |
+ para produzir resultados de qualidade que se encaixEm dentro do orçamento do seu programa e cronograma. </p> |
|
| 14 |
+ <p>Nosso negócio é baseado na filosofia de exceder suas expectativas. |
|
| 15 |
+ Consulte-nos para nos conhecer melhor e obter um atendimento para seu projeto.</p> |
|
| 19 | 16 |
<h2 class="page-header">Experiência</h2> |
| 20 | 17 |
<ul> |
| 21 | 18 |
<li>Projetos</li> |
@@ -28,37 +25,37 @@ |
||
| 28 | 25 |
<li>Modelagem CAD 3D avançada (SolidWorks)</li> |
| 29 | 26 |
<li>Programação (C++, C-Sharp, python, javascript, node, OpenCV, ROS)</li> |
| 30 | 27 |
<li>Eletronica (Microcontroladores, Microprocessadores)</li> |
| 31 |
- <li>robotica</li> |
|
| 28 |
+ <li>Robótica</li> |
|
| 32 | 29 |
<li>Drones</li> |
| 33 | 30 |
<li>Automação</li> |
| 31 |
+ <li>Soluções Cenográficas e espacias</li> |
|
| 32 |
+ <li>Educação Tecnologica e lúdica</li> |
|
| 33 |
+ <li>Invenção</li> |
|
| 34 | 34 |
</ul> |
| 35 | 35 |
|
| 36 | 36 |
<h2 class="page-header">Equipe</h2> |
| 37 | 37 |
<div class="row"> |
| 38 | 38 |
<div class="col-md-4"> |
| 39 | 39 |
<div class="thumbnail"> |
| 40 |
- <img class="media-object" src="images/estevao.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 40 |
+ <img class="media-object" src="images/estevao.jpg" alt="..." style="width: 250px; border-radius: 150px"> |
|
| 41 | 41 |
<div class="caption"> |
| 42 | 42 |
<h3>Estevão Trabbold</h3> |
| 43 |
- <p>Estevão é um arrombado que fica embassando.</p> |
|
| 44 | 43 |
</div> |
| 45 | 44 |
</div> |
| 46 | 45 |
</div> |
| 47 | 46 |
<div class="col-md-4"> |
| 48 | 47 |
<div class="thumbnail"> |
| 49 |
- <img class="media-object" src="images/fejao.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 48 |
+ <img class="media-object" src="images/fejao.jpg" alt="..." style="width: 250px; border-radius: 150px"> |
|
| 50 | 49 |
<div class="caption"> |
| 51 | 50 |
<h3>Alexandre Ferraz</h3> |
| 52 |
- <p>Bla bla bla bla bla e bla bla bla bli.</p> |
|
| 53 | 51 |
</div> |
| 54 | 52 |
</div> |
| 55 | 53 |
</div> |
| 56 | 54 |
<div class="col-md-4"> |
| 57 | 55 |
<div class="thumbnail"> |
| 58 |
- <img class="media-object" src="images/james.jpg" alt="..." style="width: 250px; border-radius: 100px"> |
|
| 56 |
+ <img class="media-object" src="images/james.jpg" alt="..." style="width: 250px; border-radius: 150px"> |
|
| 59 | 57 |
<div class="caption"> |
| 60 | 58 |
<h3>James Peret</h3> |
| 61 |
- <p>James é um cara muito foda.</p> |
|
| 62 | 59 |
</div> |
| 63 | 60 |
</div> |
| 64 | 61 |
</div> |